<!-- <script setup>
  import { reactive } from 'vue';

  const state = reactive({
    count: 0
  })

  const setCount = () => {
    state.count ++;
  }
</script> -->

<script setup>
  import {ref} from 'vue';
  const count = ref({
    count: 0
  })

  const setCount = () => {
    count.value.count ++;
  }
</script>

<template>
  <button @click="setCount">{{ count.count }}</button>
</template>